<template>
  <div class="container">
    <div>
      <p>友情链接:</p>
      <div>
        <a v-for="item in list" :href="item.dictValue" target="_blank" :key="item.dictCode">星云大数据平台</a>
      </div>
      <p>Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</p>
    </div>
  </div>
</template>

<script>
import {links} from '../api/api'
export default {
  name: "MyFooter",
  data(){
    return {
      list:[],
    }
  },
  created() {
    links().then(res=>this.list=res.rows)
  }
}
</script>

<style scoped lang="less">
.container {
  height: 200px;
  background-color: #585858;
  div {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    p:nth-of-type(1) {
      font-size: 24px;
      margin-bottom: 10px;
      color: #939393;
    }
    a {
      text-decoration: none;
      margin-right: 30px;
      color: #939393;
    }
    a:hover {
      color: lightgreen;
    }
    p:nth-of-type(2) {
      font-size: 14px;
      width: 1000px;
      margin: 30px auto 0;
      padding-top: 10px;
      text-align: center;
      color: #939393;
      border-top: 1px solid #dedede;
    }
  }
}
</style>